{% extends "section.html" %}

{% block page_content %}
    <table id='result-table'>
    <!--
        {% for game in games %}
        <tr>
            <td class='data_label'><div>{{ game.date }}</div></td>
            <td>
                <table class='game-element'>
                     <tr>
                        <td class='flag left'><div><img class='flag_left' src='../../static/img/flags/{{ game.home_team }}.png'></div></td>
                        <td class='country left'><div>{{ game.home_team }}</div></td>
                        <td class='score right'><div>1</div></td>
                        <td class='score left'><div>1</div></td>
                        <td class='country right'><div>France</div></td>
                        <td class='flag right'><div><img class='flag_right' src='../../static/img/flags/France.png'></div></td>
                    </tr>
                    <tr>
                        <td colspan=3 class='container-goals'>
                            <ul class='left goals-aut'>
                                <li>41' Psheck</li>
                            </ul>
                        </td>
                        <td colspan=3 class='container-goals' >
                            <ul class='right goals-aut'>
                                <li>2' Totopulus</li>
                                <li>58' Ichinokakis</li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </td>
            <td class='score_label'><div>+4</div></td>
        </tr>
        {% endfor %}
        -->
        {% for game in games %}
            <tr>
                <td class='data_label'><div>{{ game.date|date:'M j H:i' }}</div></td>
                <td>
                    <table class='game-element'>
                         <tr>
                            <td class='flag left'><div><img class='flag_left' src='../../static/img/flags/{{ game.home_team }}.png'></div></td>
                            <td class='country left'><div>{{ game.home_team }}</div></td>
                            <td class='score right'><div><input type='text' id='game-21314-German' /></td>
                            <td class='score left'><div><input type='text' id='game-21314-German' /></td>
                            <td class='country right'><div>{{ game.guest_team }}</div></td>
                            <td class='flag right'><div><img class='flag_right' src='../../static/img/flags/{{ game.guest_team }}.png'></div></td>
                        </tr>
                        <tr>
                            <td colspan=6>
                                <div class='counter'>7:21:05</div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td class='score_label'><!--<div>+4</div>--></td>
            </tr>
         {% endfor %}
    </table>    
{% endblock %}
